<template>
	<div>
		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
				<div class="topMessage">
					<div class="menu-hd">
						<a href="#" target="_top" class="h">亲，请登录</a>
						<a href="#" target="_top">免费注册</a>
					</div>
				</div>
			</ul>
			<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong
							 id="J_MiniCartNum" class="h">0</strong></a></div>
				</div>
				<div class="topMessage favorite">
					<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
				</div>
			</ul>
		</div>

		<!--悬浮搜索框-->

		<div class="nav white">
			<div class="logo"><img src="../assets/images/logo.png"></div>
			<div class="logoBig">
				<li><img src="../assets/images/logobig.png"></li>
			</div>

			<div class="search-bar pr">
				<a name="index_none_header_sysc" href="#"></a>
				<form>
					<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
					<input id="ai-topsearch" class="submit" value="搜索" index="1" type="submit"></form>
			</div>
		</div>

		<div class="clear"></div>



		<div class="take-delivery">
			<div class="status">
				<h2>您已成功付款</h2>
				<div class="successInfo">
					<ul>
						<li>付款金额<em>¥9.90</em></li>
						<div class="user-info">
							<p>收货人：艾迪</p>
							<p>联系电话：15871145629</p>
							<p>收货地址：湖北省 武汉市 武昌区 东湖路75号众环大厦</p>
						</div>
						请认真核对您的收货信息，如有错误请联系客服

					</ul>
					<div class="option">
						<span class="info">您可以</span>
						<router-link to="/person/order" class="J_MakePoint">查看<span>已买到的宝贝</span></router-link>
						<router-link to="/person/orderinfo" class="J_MakePoint">查看<span>交易详情</span></router-link>
					</div>
				</div>
			</div>
		</div>

		<!--页脚 -->
		<Footer></Footer>
	</div>
</template>

<script>
	require('amazeui/dist/js/amazeui.min.js')

	import Footer from '@/components/Footer.vue'

	export default {
		name: 'HelloWorld',
		props: {
			msg: String
		},
		components: {
			Footer
		},
		mounted() {

			$(".new-option-r").click(function() {
				$(this).parent('.user-addresslist').addClass("defaultAddr").siblings().removeClass("defaultAddr");
			});

			var $ww = $(window).width();
			if ($ww > 640) {
				$("#doc-modal-1").removeClass("am-modal am-modal-no-btn")
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
	@import url("../../node_modules/amazeui/dist/css/amazeui.min.css");
	@import url("../assets/css/app.css");
	@import url("../assets/css/sustyle.css");
</style>
